<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>叠加图片</title>
    <link rel="stylesheet" href="../css/ol.css" type="text/css">
    <script src="js/jquery-1.12.3.min.js"></script>
    <script src="js/mapMain.js"></script>
    <script src="../build/ol.js"></script>
</head>
<body>
<div style="display:none;">
    <img width="1000px" height="1000px" src='img/Z_OTHE_RADAMCR_20180531070600.bin.bz2.1.png'/>
</div>
<div id="map"></div>
    <script>

        var all_map;//定义地图全局变量

        $(function(){
            var options = {
                id: 'map'
            }
            all_map = showMap(options);
            var opt = {
                map: all_map,
                url: "img/Z_OTHE_RADAMCR_20180531070600.bin.bz2.1.png",//可以填写跨域绝对路径
                extent: [100, 23.01, 113.99, 35]
            };
            addImg(getImgOpts(opt));
        })

    </script>
</body>
</html>